<%@ page contentType="text/html; charset=UTF-8" %>
<%@ taglib uri="http://www.bstek.com/dorado" prefix="d" %>
<html>
<head>
<title><d:I18N base="global" key="change_pswd" /></title>
<style type="text/css">
.pwd_default {
	font-family: "Arial","sans-serif","Tahoma"; 
	font-size: 9pt; 
	color: #000000; 
	background-color: #EBEBEB;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}
.pwd_soweak {
	font-family: "Arial","sans-serif","Tahoma"; 
	font-size: 9pt; 
	color: #000000; 
	background-color: #FF3300;
}

.pwd_weak {
	font-family: "Arial","sans-serif","Tahoma"; 
	font-size: 9pt; 
	color: #000000; 
	background-color: #FF4545;
}
.pwd_weak1 {
	font-family: "Arial","sans-serif","Tahoma"; 
	font-size: 9pt; 
	color: #FF4545; 
	background-color: #FF4545;
}

.pwd_middleweak {
	font-family: "Arial","sans-serif","Tahoma"; 
	font-size: 9pt; 
	color: #000000; 
	background-color: #FF9933;
}
.pwd_middleweak1 {
	font-family: "Arial","sans-serif","Tahoma"; 
	font-size: 9pt; 
	color: #FF9933; 
	background-color: #FF9933;
}

.pwd_middle {
	font-family: "Arial","sans-serif","Tahoma"; 
	font-size: 9pt; 
	color: #000000; 
	background-color: #FFD35E;
}
.pwd_middle1 {
	font-family: "Arial","sans-serif","Tahoma"; 
	font-size: 9pt; 
	color: #FFD35E; 
	background-color: #FFD35E;
}
.pwd_middlestrong {
	font-family: "Arial","sans-serif","Tahoma"; 
	font-size: 9pt; 
	color: #000000; 
	background-color: #CCFF00;
}
.pwd_middlestrong1 {
	font-family: "Arial","sans-serif","Tahoma"; 
	font-size: 9pt; 
	color: #CCFF00; 
	background-color: #CCFF00;
}

.pwd_strong {
	font-family: "Arial","sans-serif","Tahoma"; 
	font-size: 9pt; 
	color: #000000; 
	background-color: #99CC00;
}
.pwd_strong1 {
	font-family: "Arial","sans-serif","Tahoma"; 
	font-size: 9pt; 
	color: #99CC00; 
	background-color: #99CC00;
}

.pwd_perfect {
	font-family: "Arial","sans-serif","Tahoma"; 
	font-size: 9pt; 
	color: #000000; 
	background-color: #95EB81;
}
.pwd_perfect1 {
	font-family: "Arial","sans-serif","Tahoma"; 
	font-size: 9pt; 
	color: #95EB81; 
	background-color: #95EB81;
}

</style>

</head>
<body>

  <d:View config="com.sibco.client.right.chgPassword">
    <d:AutoForm id="form1" >
    <d:FormElementRenderer group="groupBody" element="elementContext">
     <table width=280 border="0" cellspacing="0" cellpadding="0">
        <tr height=20>
        <td width=14% class="pwd_default" id="soweak" align=center><d:I18N base="global" key="very_low" /></td>
        <td width=14% class="pwd_default" id="weak" align=center><d:I18N base="global" key="low" /></td>
        <td width=13% class="pwd_default" id="middleweak" align=center><d:I18N base="global" key="middle_low" /></td>		
        <td width=9% class="pwd_default" id="middle" align=center><d:I18N base="global" key="middle" /></td>
        <td width=16% class="pwd_default" id="middlestrong" align=center><d:I18N base="global" key="mid_high" /></td>				
        <td width=12% class="pwd_default" id="strong" align=center><d:I18N base="global" key="high" /></td>
        <td width=17% class="pwd_default" id="Perfect" align=center><d:I18N base="global" key="perfect" /></td>
        <td width=5%>&nbsp;</td>
        </tr>
      </table>
    </d:FormElementRenderer>
    </d:AutoForm>
<hr>
<UL>
  <li><d:I18N base="global" key="very_low_tip" /></LI>
  <li><d:I18N base="global" key="low_tip" />
 </LI>
  <li><d:I18N base="global" key="middle_low_tip" />
</LI>
  <li><d:I18N base="global" key="middle_tip" />
</LI>
  <li><d:I18N base="global" key="mid_high_tip" />
 </LI>
  <li><d:I18N base="global" key="high_tip" />
 </LI>
  <li><d:I18N base="global" key="perfect_tip" /></LI>
</ul>

  </d:View>
</body>
</html>
